<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.List,java.util.ArrayList"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>房间实时状态</title>
<style>
.room {
	overflow: hidden;
	width: 1280px;
	padding: 10px 0 0 10px;
	background: #CCC;
	margin: 0px auto;
}

.div-1 {
	height: 200px;
	width: 200px;
	margin-right: 10px;
	border: 1px solid #0099FF;
	float: left;
	margin-bottom: 10px;
	background: #708390;
	text-align: center;
	line-height: 70px;
}

.div0 {
	height: 200px;
	width: 200px;
	margin-right: 10px;
	border: 1px solid #0099FF;
	float: left;
	margin-bottom: 10px;
	background: #35b5c5;
	text-align: center;
	line-height: 70px;
}

.div1 {
	height: 200px;
	width: 200px;
	margin-right: 10px;
	border: 1px solid #0099FF;
	float: left;
	margin-bottom: 10px;
	background: #9457B4;
	text-align: center;
	line-height: 70px;
}

.remark1 {
	width: 30px;
	height: 30px;
	background-color: #708390;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
}

.remark2 {
	width: 30px;
	height: 30px;
	background-color: #35b5c5;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
}

.remark3 {
	width: 30px;
	height: 30px;
	background-color: #9457B4;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
}
</style>
</head>
<body>
	<div class="room">
		<c:forEach items="${result_data }" var="item">
			<div class="div${item.iStatus }"
				onclick="window.location='room/getHistory.action?sRoomName=${item.sRoomName }'">
				${item.sRoomName }
				<div>${item.sRoomType }</div>
				<div>${item.sRoomPrice }</div>
			</div>

		</c:forEach>
	</div>
	<div style="margin-left: 35%;">
		<br />
		<div class="remark1"></div>
		<div style="float: left; color: #17151A; font-size: 20px;">代表房间空闲状态&nbsp;&nbsp;</div>
		<div class="remark2"></div>
		<div style="float: left; color: #17151A; font-size: 20px;">代表房间已经预订&nbsp;&nbsp;</div>
		<div class="remark3"></div>
		<div style="float: left; color: #17151A; font-size: 20px;">代表房间已经入住&nbsp;&nbsp;</div>
	</div>
	<br />
	<div style="text-align: center; color: #17151A; font-size: 18px;">
		<p>备注:点击房间可以查看该房间客史记录</p>
	</div>
</body>
</html>